@charset "utf-8";
/* CSS Document */

* {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#1f1f1f;
}
html, body {
	background-color:#e3e3e3;
	height:100%;
	width:100%;
	font-size:100%;
}
html {
  overflow-y: scroll;
}
body {
  overflow-y: visible;
  font-size: 100%:/* 16px */
}
input, button, select, textarea {
	font-family:Arial, Helvetica, sans-serif !important;
}
#overlay {
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	background-color:#FFF;
}
#navigation_bar{
	font-family: 'Open Sans Condensed', sans-serif;
	color:#FFFFFF;
	/*font-size:0.85em;*/
	display:inline-block;
	padding-top:12px;
}
#header_pic {
	max-width: 100%;
	height: auto;
}
#blue_line {
	position:absolute;
	z-index:2;
	height:35px;
	width:1200px;
	margin:auto;
	margin-left:10px;
	top:617px;
}
#sub_navigation {
	position:absolute;
	z-index:1;
	height:35px;
	margin-left:10px;
	width:1200px;
	top:617px;
	background-color:#434343;
	moz-box-shadow: 0px 5px 10px 0px #CCC;
  	-webkit-box-shadow: 0px 5px 10px 0px #CCC;
  	box-shadow: 0px 5px 10px 0px #CCC;
}
#bar_list {
	position:absolute;
	z-index:3;
	height:35px;
	width:1200px;
	margin:auto;
}
#bar_list ul {
	text-align: center;
	padding-top:6px;
}
#bar_list ul li{
	display:inline;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:0.81em;
	color:#b6b6b6;
	margin-left:30px;
	margin-right:30px;
}
#content {
	font-size:0.95em;
}
#backontop {
	padding-top:10px;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
}
#impressum {
	font-size:0.9em;
	line-height:1.5em;
	color:#c5c5c5;
	display:block;
}
#footer a:link,#footer a:visited,#footer a:active,#footer a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.error_text {
	color:#F00;
}
.error {
	border: 1px outset #F00;
}
a:link,a:visited,a:active,a:hover {
	text-decoration:underline;
	color:#67bad4;
}
#links {
	color:#FFF;
}
h1 {
    font-family: 'Open Sans Condensed', sans-serif;
	padding-top:2.0em;
	padding-bottom:0.5em;
}
#register_list {
	width:100%;
}
#register_list td {
	vertical-align:top;
}
p, #register_list {
	font-size:0.85em;	
}
input[type=text],input[type=password] {
	width:300px;
	height:25px;		
}
.highligthed {
	color:#FFF !important;
}
#purchased_product_list {
	font-size:0.8em;
}
#purchased_product_list td {
	padding:0.8em;
}
#purchased_product_list td {
	border-top: double 1px #dddddd;
	border-bottom: double 1px #dddddd;
}
#purchase_headline{
	background-color:#efefef;
}
.test {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right:10px;
}
input[type=text],input[type=password] {
	width:300px !important;
	height:25px !important;
	margin-bottom:15px;
}
div.ui-datepicker{
 font-size:0.85em;
}
iframe {
  border: none;
}
#mandatory_field {
	color:#F00;
}
#img_upload_box {
  display:none;
}
#img_upload_info,waiting_info,success_info,error_info,delete_info {
	margin-top:30px;
	font-size:0.8em;  
}
h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1.25em;
}
#img_upload_info p,waiting_info p,typeerror_info p,delete_info p {
}
#inline1,#inline2,#inline3,#inline4,#inline5,#inline6 {
	width:600px;
	text-align:center;
	vertical-align:middle;
}

/*PCPF Login */
#login_details {
	display:inline-block;
	float:right;
	padding-top:12px;
	font-size:0.8em;
	color:#FFF;
	margin-right:2em;
}
#login_details span {
	color:#CCC;
}

#login_details a {
	text-decoration:none;
}
#navi_mobile {
	display:none;
}

/*FANCYBOX - STYLE */
.fancybox-item,.fancybox-close {
	display:none;
}

.fancybox-opened .fancybox-skin {
	box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);	
}

/*Accordion */
#accordion .ui-widget-content { 
    background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{e0e78375-961f-4c92-a2c2-f135451fc14d}_mobile_subnav.gif");
	background-position:top left;
	background-repeat:repeat;
	height:333px;
	font-size:0.85em;
	text-indent:15px;
	margin:0;
	padding:0;
}
#user_info {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#FFF;
	padding-top:10px;
}
.ui-widget-content a {
	font-family: 'Open Sans Condensed', sans-serif;
	text-decoration:none;
}
.ui-accordion {
	margin-left:1px;
}
.ui-accordion .ui-accordion-content {
	padding:0;
	margin:0;
	height:333px;
	width:100%;
	border:0 !important;
}
.ui-accordion .ui-accordion-icons {
	padding:0;
	height:44px;
	width:46px;
	float:right;
}
.ui-state-default {
	border:0;
}
#sub_nav_list {
	margin:0;
	padding:0;
}
#sub_nav_list ul {
	overflow:hidden !important;
}
#sub_nav_list li {
	color:#FFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:1em;
	list-style-type:none;
	margin:0;
	margin-top:5px !important;
	padding:0 !important;
	height:32px;
	color:#cdcdcd;
}
#sub_nav_list a {
	color:#FFF;
}
	

/* RESPONSIVE */

@media only screen and (min-device-width: 1200px) {
	
	#wrap {
		width:1220px;
		margin:auto;
		min-height:100%;
		height:auto !important;
		background-color:#f7f7f7;
		background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{b1244bb9-874b-411c-8354-cc31e2df111f}_box_bg_shadow_all.png");
		background-repeat:repeat-y;
		background-position:left top;
	}
	#container {
		width:1220px;
		padding-bottom:285px;
	}
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* all but IE MacOS \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}

	#header {
		width:1200px;
		height:70px;
		background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{ec8bec39-5b9a-43b0-a16d-1d0577f83ef7}_header_bg.gif");
		background-repeat:repeat-x;
		margin-left:10px;
	}
	#header_sub{
		width:1200px;
		height:48px;
		background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{9dd38124-6b19-4778-b015-7484f9961cc0}_header_sub_bg.gif");
		background-repeat:repeat-x;
		margin-left:10px;
	}
	
	#header_pic {
		margin-left:10px;
	}
	#footer {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		width:1200px;
		height:285px;
		background-color:#434343;
		margin-top:-285px;
	}
	#content {
		background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{a7c13c71-ffa1-4bf2-be7c-b0b53700c0bb}_container_top_bg2.jpg");
		background-repeat:repeat-x;
		background-position:top left;
		background-color:#f7f7f7;
		margin-left:10px;
		width:1200px;
	}
	#content_innen {
		margin-left:110px;
		width:1000px;
	}
	#navigation_bar {
		margin-left:110px;
	}
	#logo_pic{
		margin-left:98px;
	}
	#header_pic {
		display:block;
		outline:none;
		-ms-interpolation-mode: bicubic;
	}
	.headline_section {
		width:300px;
	}
}

@media only screen and (max-device-width: 1200px) {
	#wrap {
	width:100%;
	}
	#header {
	width:100%;
	height:70px;
	background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{ec8bec39-5b9a-43b0-a16d-1d0577f83ef7}_header_bg.gif");
	background-repeat:repeat-x;
	}
	#header_sub{
		width:100%;
		height:48px;
		background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{9dd38124-6b19-4778-b015-7484f9961cc0}_header_sub_bg.gif");
		background-repeat:repeat-x;
	}
	#blue_line,#sub_navigation,#bar_list {
		width:100%;
		margin:0;
		top:auto;
		font-size:0.9em;
	}
	#bar_list ul li {
		margin-left:0.8em;
		margin-right:0.8em;
	}
	#blue_line_middle {
		width:0.8em;
	}
	#content {
	background-image:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{a7c13c71-ffa1-4bf2-be7c-b0b53700c0bb}_container_top_bg2.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#f7f7f7;
	width:100%;
	}
	#content_innen {
		margin-left:20px;
		margin-right:20px;
		width:auto;
	}
	#footer {
		width:100%;
		height:285px;
		background-color:#434343;
		margin-top:-10px;
	}
	#navigation_bar {
		margin-left:20px;
	}
	#impressum {
		display:block;
	}
	.headline_section {
		width:300px;
	}
	#header_pic {
		display:block;
		outline:none;
		-ms-interpolation-mode: bicubic;
	}
}

* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
	#content_innen {
		margin:auto !important;
		width:80% !important;
	}
	#blue_line,#sub_navigation,#bar_list {
		display:none;
	}
	select{
		width:100% !important;
		height:30px;
	}
	input[type="text"]{
		width:97% !important;
		height:20px !important;
	}
	#login_details{
		display:none;
	}
	#inline1,#inline2,#inline3,#inline4,#inline5,#inline6 {
		width:auto;
	}
	iframe {
		width:90% !important;
	}
	.headline_section {
		width:auto !important;
	}
	
	input,select {
		display:block;
		width:100%;
	}
	
	table:not(.ui-datepicker-calendar):not(#purchased_product_list):not(#price_tab) td {
		display:block;
	}
	
	#purchased_product_list { 
		display: block; 
	}
	
	#purchased_product_list thead,#purchased_product_list tbody,#purchased_product_list th,#purchased_product_list td,#purchased_product_list tr { 
		display: block; 
	}
	#price_tab tr,#price_tab td{
		display:inline-table !important;
	}
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/

	/* Force table to not be like tables anymore */
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#purchased_product_list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#purchased_product_list tr { border: 1px solid #ccc; }
	
	#purchased_product_list td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 

	}
	
	#purchased_product_list td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#purchased_product_list td:nth-of-type(1):before { content: "Category"; }
	#purchased_product_list td:nth-of-type(2):before { content: "Model"; }
	#purchased_product_list td:nth-of-type(3):before { content: "Purchasedate"; }
	#purchased_product_list td:nth-of-type(4):before { content: ""; }
	
	#purchase_headline {
		display:none !important;
	}
	
	.but_images {
		margin-bottom:0.5em;
	}
	
	#navi_mobile {
	    display:block;
		margin-left:-5px;
	}
	.ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	}
	#header {
		height:46px !important;
		position:absolute;
		border-bottom:1px solid #000;
	}
	#logo_pic {
		src:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{fb70e1a5-94e8-4ef7-9d24-c4e6626015b7}_mobile_subnav_logo.gif") !important;
		height:44px !important;
		width:auto !important;
		position:absolute;
		top:0;
		left:0;
	}
	#header_sub {
		display:block;
	}
	#currency {
		margin-left:20px;
		margin-top:10px;
	}
	
	.fancybox-skin {
		padding:auto !important;
		margin:auto !important;
	}
	.fancybox-inner {
		height:auto !important;
	}
	#navi_mobile {
		visibility:hidden;
	}
	input[type=text], input[type=password] {
		width:100% !important;
		height:25px !important;
	}
	#line {
		display:none;
	}
	#create_user_btn, #login_btn {
		margin:0 !important;
	}
	#box_right {
	margin-left:0 !important;
	}
	#cloginId {
	float:none;
	margin-right:0 !important;
	}
	table td {
		width:100% !important;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
#content_innen {
		margin:auto !important;
		width:80% !important;
	}
	#blue_line,#sub_navigation,#bar_list {
		display:none;
	}
	select{
		width:100% !important;
		height:30px;
	}
	input[type="text"]{
		width:97% !important;
		height:20px !important;
	}
	#login_details{
		display:none;
	}
	#inline1,#inline2,#inline3,#inline4,#inline5,#inline6 {
		width:auto;
	}
	iframe {
		width:90% !important;
	}
	.headline_section {
		width:auto !important;
	}
	
	input,select {
		display:block;
		width:100%;
	}
	
	table:not(.ui-datepicker-calendar):not(#purchased_product_list):not(#price_tab) td {
		display:block;
	}
	
	#purchased_product_list { 
		display: block; 
	}
	
	#purchased_product_list thead,#purchased_product_list tbody,#purchased_product_list th,#purchased_product_list td,#purchased_product_list tr { 
		display: block; 
	}
	#price_tab tr,#price_tab td{
		display:inline-table !important;
	}
	/* 
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/

	/* Force table to not be like tables anymore */
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#purchased_product_list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#purchased_product_list tr { border: 1px solid #ccc; }
	
	#purchased_product_list td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 

	}
	
	#purchased_product_list td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	#purchased_product_list td:nth-of-type(1):before { content: "Category"; }
	#purchased_product_list td:nth-of-type(2):before { content: "Model"; }
	#purchased_product_list td:nth-of-type(3):before { content: "Purchasedate"; }
	#purchased_product_list td:nth-of-type(4):before { content: ""; }
	
	#purchase_headline {
		display:none !important;
	}
	
	.but_images {
		margin-bottom:0.5em;
	}
	
	#navi_mobile {
	    display:block;
		margin-left:-5px;
	}
	.ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	}
	#header {
		height:46px !important;
		position:absolute;
		border-bottom:1px solid #000;
	}
	#logo_pic {
		src:url("https://img.en25.com/EloquaImages/clients/PanasonicEurope/{fb70e1a5-94e8-4ef7-9d24-c4e6626015b7}_mobile_subnav_logo.gif") !important;
		height:44px !important;
		width:auto !important;
		position:absolute;
		top:0;
		left:0;
	}
	#header_sub {
		display:block;
	}
	#currency {
		margin-left:20px;
		margin-top:10px;
	}
	
	.fancybox-skin {
		padding:auto !important;
		margin:auto !important;
	}
	.fancybox-inner {
		height:auto !important;
	}
	#navi_mobile {
		visibility:hidden;
	}
	input[type=text], input[type=password] {
		width:100% !important;
		height:25px !important;
	}
	#line {
		display:none;
	}
	#create_user_btn, #login_btn {
		margin:0 !important;
	}
	#box_right {
	margin-left:0 !important;
	}
	#cloginId {
	float:none;
	margin-right:0 !important;
	}
	table td {
		width:100% !important;
	}
}